---
title: 'Installation'
sidebarTitle: 'Installation'
description: 'Add Svelvet to a Svelte project in seconds.'
---

## 1. Install

To install and save the latest version of Svelvet in your package.json dependencies, run the command below using your preferred package directory.

<CodeGroup>

```sh npm
npm install svelvet
```

```sh yarn
yarn add svelvet
```

</CodeGroup>

## 2. Build

Compose canvases by getting started with these components:

<CardGroup>
	<Card title="Svelvet" iconType="duotone" icon="diagram-project" href="/components/svelvet">
		Our primary canvas component
	</Card>
	<Card title="Node" iconType="duotone" icon="diagram-subtask" href="/components/node">
		Our primary Node component
	</Card>
	<Card
		title="Controls"
		iconType="duotone"
		icon="magnifying-glass-plus"
		href="/components/controls"
	>
		A customizable controls bar
	</Card>
	<Card title="Minimap" icon="map" iconType="duotone" href="/components/minimap">
		A bird's eye view of the canvas
	</Card>
</CardGroup>
